<template>
  <div class="home">
    <!-- <img alt="Vue logo" src="../assets/logo.png"> -->
    <!-- <HelloWorld msg="Welcome to Your Vue.js App"/> -->
    <dv-full-screen-container class="home_content">
      <!-- <div class="home_content"> -->
      <!-- <dv-loading width="500px" height="500px" class="loading" v-if="loading">数据加载中...</dv-loading> -->

      <top-header></top-header>
      <home-content></home-content>
      <left></left>
      <right></right>
    </dv-full-screen-container>
    <!-- </div> -->
  </div>
</template>

<script>
// @ is an alias to /src
import TopHeader from "@/components/datav/topHeader.vue"
import HomeContent from "@/components/datav/centent.vue"
import Left from "@/components/datav/left.vue"
import Right from "@/components/datav/right.vue"

export default {
  name: 'Home',
  components: {
    TopHeader,
    HomeContent,
    Left,
    Right
  },
  data() {
    return {
      loading: true
    }
  },
  mounted() {
    setTimeout(()=> {
      this.loading = false
    },2000)
  }
}
</script>

<style scoped>
.home_content{
  width: 5760px;
  height: 2160px;
  background: url("../assets/img/bg.png") no-repeat left top;
  background-size: cover;
  color: #FFF;
  position: relative;
}
.loading {
  transform: scale(5);
  z-index: 9999;
}
</style>
